.px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}
.flexbox {
    display: flex;
    display: -webkit-flex;
}
.gdheader{
    .px2rem(height,102);
    background:linear-gradient(#ee0000 , #a80000);
    .flexbox;
    justify-content: center;
    align-items: center;
    p{
     color: #FFFFFF;
    .px2rem(font-size,46);
    }
}
.gdsection{
    .flexbox;
    justify-content: center;
    align-items: center;
    ul{
     border-radius: 10px;
       width:90%;
       border: 1px solid #CCCCCC;
       text-align: center;
      .px2rem(height,260);
      .px2rem(margin,20);
      
        li{
           .px2rem(height,82);
           .px2rem(line-height,82);
           .px2rem(font-size,40);
           .flexbox();
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid #CCCCCC;
            &:hover{
                background: #007AFF;
            }
            p{
            .px2rem(padding-left,14);
            }
            img{
                .px2rem(padding-right,30);
                .px2rem(width,44);
                .px2rem(height,49);
            }
            .container{
                .px2rem(margin-top,10);
            }
        }
    }
    
}


.footer{
    .px2rem(height,110);
      background: #484850;
      ul{
          .flexbox;
          color: #FFFFFF;
          li{
             text-align: center;
              width:20%;
            img{
                 .px2rem(width,76);
                 .px2rem(height,86);
            }
            p{
                 .px2rem(margin-top,-10);
            }
          }
      }
     
}
